.cf-audio-player{
    -fx-background-color: rgb(31,31,47);
    -fx-background-radius: 10px;
    -fx-max-width: 500px;
    -fx-min-width: 500px;
}
.cf-audio-player .main{
    -fx-padding: 20px 20px;
    -fx-spacing: 20px;
    -fx-alignment: center;
}
.cf-audio-player .cf-image{
    -fx-background-color: rgba(255,255,255,0.1);
    -fx-background-radius: 80px;
    -fx-pref-height: 140px;
    -fx-pref-width: 140px;
}
.cf-audio-player .left{
    -fx-spacing: 15px;
}
.cf-audio-player .left > .player-label{
    -fx-padding: 0px;
    -fx-text-fill: rgb(255,255,255);
    -fx-font-size: 14px;
    -fx-font-weight: 600;
}
.cf-audio-player .left > .line{
    -fx-stroke: rgba(255,255,255,0.3);
}
.cf-audio-player .left > .buttons{
    -fx-spacing: 10px;
    -fx-alignment: center-left;
}
.cf-audio-player .left > .buttons > .button{
    -fx-pref-width: 30px;
    -fx-pref-height: 30px;
    -fx-padding: 0px;
    -fx-background-insets: 0px;
    -fx-background-color: transparent;
    -fx-background-radius: 15px;
    -fx-cursor: hand;
}
.cf-audio-player .left > .buttons > .button:hover{
    -fx-background-color: rgb(255,255,255,0.1);
}
.cf-audio-player .left > .buttons > .button > .ikonli-font-icon{
    -fx-font-size: 25px;
    -fx-icon-color: rgb(255,255,255);
}
.cf-audio-player .left > .buttons > .volume-box{
    -fx-padding: 0px 15px;
    -fx-spacing: 10px;
    -fx-pref-height: 30px;
    -fx-alignment: center-left;
    -fx-background-color: rgb(255,255,255,0.1);
    -fx-background-radius: 15px;
}
.cf-audio-player .left > .buttons > .volume-box > .volume{
    -fx-font-size: 15px;
    -fx-icon-color: rgb(255,255,255);
}
.cf-audio-player .time-label{
    -fx-padding: 2px 2px 4px 20px;
    -fx-text-fill: rgb(255,255,255);
    -fx-font-size: 12px;
}
.cf-audio-player .animation-button{
    -fx-padding: 0px;
    -fx-background-color: transparent;
    -fx-cursor: hand;
}
.cf-audio-player .animation-button > .ikonli-font-icon{
    -fx-font-size: 25px;
    -fx-icon-color: linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #8139b5ff 0.0%, #fd1e1cff 50.0%, #fbaf46ff 100.0%)
}